<!doctype html>
<!--[if lt IE 7 ]><html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]><html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>BDO System Training</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700|Alike" rel="stylesheet">
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">

<!-- favicon.ico and apple-touch-icon.png -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57-iphone.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72-ipad.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-iphone4.png">

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="screen.css">
<!-- custom CSS -->
<link rel="stylesheet" href="custom.css">

<!-- main JS libs  -->
<script src="js/libs/modernizr-2.5.3.min.js"></script>
<script src="js/libs/respond.min.js"></script>					 
<script src="js/libs/jquery.min.js"></script>

<!-- scripts  -->
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/general.js"></script>
<script src="js/hoverIntent.js"></script>
<!-- carousel -->
<script src="js/jquery.carouFredSel.min.js"></script>
<script src="js/jquery.touchwipe.js"></script>
<!-- sliders -->
<script src="js/slides.min.jquery.js"></script>
<!-- SyntaxHighlighter -->
<link rel="stylesheet" href="css/shCore.css">
<link rel="stylesheet" href="css/shThemeDefault.css">
<script src="js/shCore.js"></script>
<script src="js/shBrushPlain.js"></script>
  
</head>
<body>  
<div class="body_wrap">

<div class="header_container">

	<header>
    	<div class="container">	        
	        
	        <div class="header_right">            	
				<label>User Login</label>
                <input type="text" style="padding:2px" Placeholder="NIK" />
				<input type="password" style="padding:2px" Placeholder="Password" />
				<input type="submit" value="Login" />
	        </div>
			
			<div class="header_left">
			   	<div class="logo">
	            <a href="index.html"><img src="images/logo.png" alt=""></a>
	            <strong>BDO Internal System</strong>
	            </div>
	        </div>
            
	        <div class="clear"></div>	
        </div>                    		    
	</header>
	
</div>
<!--/ header_container -->

<div class="container topm_cont">
 
    <!-- topmenu -->    
    <nav id="topmenu">            
	    <ul class="dropdown">              
			<li class="menu-level-0 current-menu-ancestor"><a href="index.html"><span>Home</span></a></li>	
			<li class="menu-level-0 current-menu-ancestor"><a href="news.html"><span>News</span></a></li>	
			<li class="menu-level-0 current-menu-ancestor"><a href="about.html"><span>About Us</span></a></li>
			<li class="menu-level-0 current-menu-ancestor active"><a href="training.html"><span>Training</span></a></li>
            <li class="menu-level-0 current-menu-ancestor"><a href="timesheet.html"><span>Timesheet</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="career.html"><span>Career</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="it-sys.html"><span>IT System</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="hr-sys.html"><span>HR System</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="library.html"><span>Library</span></a></li>
			<li class="menu-level-0 current-menu-ancestor"><a href="contact.html"><span>Contact Us</span></a></li>
	    </ul>           
		<div class="clear"></div>                             
	</nav>    
    <!--/ topmenu -->
    
    <div class="topbar">
    	<div class="top_share"><span class="social_title">SHARE</span> <a href="#" class="social_google">Google +1</a> <a href="#" class="social_fb">Facebook</a> <a href="#" class="social_twitter">Twitter</a> <a href="#" class="social_pinterest">Pinterest</a></div>
        
    	<span class="top_filter"><a href="#" class="link_mostcomm">Most commented</a> <a href="#" class="link_pick">Editor’s Picks</a> <a href="#" class="link_mostlike">Most liked</a> <a href="#" class="link_random">Random story</a></span>     
        <div class="clear"></div>
    </div>
</div>

    
<div class="container"> 
<!-- middle -->
<div id="middle" class="cols2">
	
    <div class="title">
    	<h1><span>List New Training</span></h1>
    </div>  
    
    <div class="content" role="main">
		<script>
	    SyntaxHighlighter.defaults['gutter'] = false;
	    SyntaxHighlighter.defaults['toolbar'] = true;
	    SyntaxHighlighter.all();
		</script>
                
    	<article class="post-detail post-page">            
			<div class="entry">    
              <h3>Example of h3 tag</h3>
              <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes.</p>
              <div class="clear"></div>
			</div>	                
        </article> 
	</div>
    <!--/ content -->
    
    <!-- sidebar -->
    <div class="sidebar">

		<div class="widget-container widget_nav_menu">
        	<img src="images/icons/icons_16_menu.png" alt="" class="widget_icon">
           		<h3 class="widget-title">TRAINING CATEGORIES</h3>
                    <ul>                       		
                            <li><a href="shortcodes-buttons.html"><span>Buttons & Lists</span></a></li> 
                            <li><a href="shortcodes-text.html"><span>Text & Images</span></a></li>
                            <li><a href="shortcodes-charts.html"><span>Charts</span></a></li>  
                            <li><a href="shortcodes-columns.html"><span>Columns</span></a>
                            	<ul>
									<li><a href="shortcodes-columns-full.html"><span>Full width page</span></a></li>  
									<li><a href="shortcodes-columns-full2.html"><span>Full width with Gallery</span></a></li>  
								</ul>
                            </li>  
                            <li><a href="shortcodes-lightbox.html"><span>Lightbox</span></a></li>
                            <li><a href="shortcodes-media.html"><span>Videos & Galleries</span></a></li>
                            <li><a href="shortcodes-maps.html"><span>Google Maps</span></a></li>
                            <li><a href="shortcodes-tabs.html"><span>Tabs and Toggles</span></a></li>
                            <li><a href="shortcodes-tables.html"><span>Boxes & Tables</span></a></li>                            
                            <li class="current-menu-item"><a href="shortcodes-typography.html"><span>Typography</span></a></li>
                            <li><a href="shortcodes-widgets.html"><span>Widgets</span></a></li>
                    </ul>
		</div> 
                    
    </div>
    <!--/ sidebar -->
     
    
        	
</div>
<!--/ middle --> 
</div>
<!--/ container --> 

<footer>
<div class="container">

    <div class="footer_right">
    	<ul class="botmenu">
        	<li class="current-menu-item"><a href="about.html">Home</a></li>
            <li><a href="#">AUTHORS</a></li>
            <li><a href="contact.html">CONTACT</a></li>
            <li><a href="#">PRIVACY</a></li>
            <li><a href="#">TERMS</a></li>
        </ul>
    </div>
    
    <div class="footer_left">
   		<img src="images/logo_footer.png" width="230" height="50" alt="">
    </div>
	
    <div class="clear"></div>
    
</div>
</footer>

</div>
</body>
</html>